<!DOCTYPE html>
<html lang="en">
<head>  
  <meta charset="utf-8" />
  <title>Spiker | 企业级大数据服务 | HTTP代理IP服务提供商</title>
  <meta name="description" content="Spiker 是企业级大数据爬取HTTP动态IP服务提供商，为上百家企业用户提供海量优质高匿HTTP代理IP，全国自建160多所机房，低延迟高可用率稳定专业！" />
  <meta name="keywords" content="http代理工具|ip代理 http|爬虫代理|SOCK5代理|SOCKS5代理|http 代理|国内http代理|http代理软件|http代理网页" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="shortcut icon" href="favicon.ico">
  <link rel="stylesheet" href="/libs/assets/animate.css/animate.css" type="text/css" />
  <link rel="stylesheet" href="/libs/assets/font-awesome/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/libs/assets/simple-line-icons/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="/libs/jquery/bootstrap/dist/css/bootstrap.css" type="text/css" />

  <link rel="stylesheet" href="/css/font.css" type="text/css" />
  <link rel="stylesheet" href="/css/app.css" type="text/css" />

</head>
<body>
	
  <!-- header -->

  {% include header %}
  <!-- / header -->
  <div id="content">
    <div class="bg-white-only">
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2 text-center">
            <div class="m-t-xxl padder-v">
              <h1 class="font-bold l-h-1x m-t-xxl text-black padder-v animated fadeInUp">
                代理IP服务提供商
              </h1>
              <hr>
              <h3 class="font-bold l-h-1x text-black padder-v animated fadeInDown">
                为爬虫工程师设计的代理IP中间件
              </h3>
              <h4 class="text-muted m-t-xl l-h-1x">安全&emsp;稳定&emsp;高匿&emsp;海量&emsp;便捷</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="what" class="padder-v bg-white-only">
      <div class="container m-b-xxl m-t-xxl">
        <div class="row no-gutter">
          <div class="col-md-4 col-sm-12">
            <div class="bg-light b m-r-n-md no-m-xs no-m-sm">
              <span class="wrapper-xl block">
                <span class="h3 m-t-sm text-black"><i class="icon-directions text-lg"></i>&ensp;<small class="text-black font-bold">IP自动切换</small></span>
                <span class="block m-b-md m-t">自动切换访问IP，防止固定IP频繁访问目标网站导致请求被封锁。</span>
              </span>
            </div>
          </div>
          <div class="col-md-4 col-sm-12">
            <div class="bg-black b dker m-t-xl m-l-n-md m-r-n-md text-white no-m-xs no-m-sm">
              <span class="wrapper-xl block">
                <span class="h3 m-t-sm text-white"><i class="icon-social-dropbox text-lg"></i>&ensp;<small class="text-white font-bold">自建缓存策略</small></span>
                <span class="block m-b-md m-t">根据用户自建的缓存策略，缓存目标网站请求结果，加快加载速度、提升访问成功率。</span>
              </span>
            </div>
          </div>
          <div class="col-md-4 col-sm-12">
            <div class="bg-white b dker m-l-n-md m-r-n-md no-m-xs no-m-sm">
              <span class="wrapper-xl block">
                <span class="h3 m-t-sm text-black"><i class="icon-paper-plane text-lg"></i>&ensp;<small class="text-black font-bold">高可用率</small></span>
                <span class="block m-b-md m-t">Spiker 在全国拥有100多所自建纯净机房网络，高性能服务器可获取高质量资源，可保证提供高可用率的代理IP。</span>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="price" class="bg-light">
      <div class="container">
        <div class="m-t-xxl text-center wrapper">
          <h2 class="text-black font-bold">服务定价</h2>
        </div>
        <div class="row m-t m-b-xl">
          <h3><i class="icon-arrow-right text-lg"></i>&ensp;<small class="text-black font-bold">套餐定价</small></h3>
          <div class="panel panel-default">
            <table class="table table-bordered table-striped">
              <tbody>
              <tr>
                <td class="tb-header"></td>
                <td colspan="5" class="tb-header text-center">请求限制</td>
              </tr>
              <tr class="tb-header">
                <td class="b-t-none"><span class="block m-t-n text-center">套餐类型</span></td>
                <td>1&nbsp;<sub>万次</sub></td>
                <td>2&nbsp;<sub>万次</sub></td>
                <td>4&nbsp;<sub>万次</sub></td>
                <td>8&nbsp;<sub>万次</sub></td>
                <td>不限制</td>
              </tr>
              <tr>
                <td class="tb-header">包日</td>
                <td>1&nbsp;<sub>元</sub></td>
                <td>2&nbsp;<sub>元</sub></td>
                <td>4&nbsp;<sub>元</sub></td>
                <td>8&nbsp;<sub>元</sub></td>
                <td>12&nbsp;<sub>元</sub></td>
              </tr>
              <tr>
                <td class="tb-header">包周</td>
                <td>6&nbsp;<sub>元</sub></td>
                <td>11&nbsp;<sub>元</sub></td>
                <td>22&nbsp;<sub>元</sub></td>
                <td>42&nbsp;<sub>元</sub></td>
                <td>55&nbsp;<sub>元</sub></td>
              </tr>
              <tr>
                <td class="tb-header">包月</td>
                <td>26&nbsp;<sub>元</sub></td>
                <td>50&nbsp;<sub>元</sub></td>
                <td>94&nbsp;<sub>元</sub></td>
                <td>178&nbsp;<sub>元</sub></td>
                <td>234&nbsp;<sub>元</sub></td>
              </tr>
              <tr>
                <td class="tb-header">包年</td>
                <td>300&nbsp;<sub>元</sub></td>
                <td>569&nbsp;<sub>元</sub></td>
                <td>1075&nbsp;<sub>元</sub></td>
                <td>2023&nbsp;<sub>元</sub></td>
                <td>2656&nbsp;<sub>元</sub></td>
              </tr>
              </tbody>
            </table>
          </div>
          <h3><i class="icon-arrow-right text-lg"></i>&ensp;<small class="text-black font-bold">按次定价</small></h3>
          <span class="block m-b-md m-t">按&nbsp;0.4&nbsp;<sub>厘</sub>&nbsp;每个请求收费，即&nbsp;0.0004&nbsp;<sub>元/请求</sub>&nbsp;</span>
          <h3><i class="icon-credit-card text-lg"></i>&ensp;<small class="text-black font-bold">扣费规则</small></h3>
          <span class="block m-b-md m-t">本平台采用先充值后扣费的付费模式，用户需先充值金额后再使用服务。</span>
          <span class="block m-b-md m-t">用户可购买多个套餐叠加使用，在扣取次数时按购买时间顺序扣除，即：先买先扣。</span>
          <span class="block m-b-md m-t">套餐用量扣完后则会以按次定价的价格扣取用户余额。</span>
        </div>
      </div>
    </div>
    <div id="features" class="bg-white-only">
      <div class="container">
        <div class="m-t-xxl text-center wrapper">
          <h2 class="text-black font-bold">定制属于您的HTTP服务</h2>
        </div>
        <div class="row m-t-sm m-b-xl">
          <span class="block m-b-md m-t text-center">Spiker 作为企业级大数据爬取服务提供商，我们已与多家公司达成合作，针对不同企业提供相应的定制服务。</span>
          <span class="block m-b-md m-t text-center">您的需求，我们会竭尽全力为您解决。</span>
        </div>
        <div class="row m-t-xl m-b-xl text-center">
          <div class="col-sm-4" data-ride="animated" data-animation="fadeInLeft" data-delay="300">
            <p class="h3 m-b-xl inline b b-dark rounded wrapper-lg">
              <i class="fa w-1x fa-sitemap"></i>
            </p>
            <div class="m-b-xl">
              <h4 class="m-t-none">支持高并发调用</h4>
              <p class="text-muted m-t-lg">后端采用分布式服务架构，高可扩展性，随时应对高量级请求，支持客户的高并发使用</p>
            </div>
          </div>
          <div class="col-sm-4" data-ride="animated" data-animation="fadeInLeft" data-delay="600">
            <p class="h3 m-b-xl inline b b-dark rounded wrapper-lg">
              <i class="fa w-1x fa-gears"></i>
            </p>
            <div class="m-b-xl">
              <h4 class="m-t-none">终端数量不限制</h4>
              <p class="text-muted m-t-lg">代理使用Basic基础认证，无需绑定IP或设置IP白名单，即可正常使用，对客户终端无限制。</p>
            </div>
          </div>
          <div class="col-sm-4" data-ride="animated" data-animation="fadeInLeft" data-delay="900">
            <p class="h3 m-b-xl inline b b-dark rounded wrapper-lg">
              <i class="fa w-1x fa-rocket"></i>
            </p>
            <div class="m-b-xl">
              <h4 class="m-t-none">自建机房纯净网络</h4>
              <p class="text-muted m-t-lg">Spiker 在全国拥有100多所自建纯净机房网络，线路类型囊括电信联通，可保有95%可用率的代理IP</p>
            </div>
          </div>
        </div>
      </div>
    </div> 
    <div id="map" class="bg-light">
      <div class="container">
        <div class="row m-t-xl m-b-xxl">
          <div class="col-sm-6 wrapper-xl">
            <h3 class="text-black font-bold m-b-lg">遍布全国的自营服务器节点</h3>
            <span class="block m-b-md m-t"><i class="icon-globe text-sm"></i>&ensp;城市线路&emsp;100+</span>
            <span class="block m-b-md m-t"><i class="icon-login text-sm"></i>&ensp;节点来源&emsp;运营商正规授权</span>
            <span class="block m-b-md m-t"><i class="icon-layers text-sm"></i>&ensp;协议支持&emsp;HTTP、HTTPS</span>
            <span class="block m-b-md m-t"><i class="icon-shuffle text-sm"></i>&ensp;线路类型&emsp;电信、联通</span>
            <span class="block m-b-md m-t"><i class="icon-pie-chart text-sm"></i>&ensp;IP可用率&emsp;95%以上</span>
          </div>
          <div class="col-sm-6" data-ride="animated" data-animation="fadeInLeft" data-delay="300">
            <div class="map" style="height: 480px;" id="mapdata"></div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <!-- footer -->
  {% include footer %}
  <!-- / footer -->

  <script src="/libs/jquery/jquery/dist/jquery.js"></script>
  <script src="/libs/jquery/bootstrap/dist/js/bootstrap.js"></script>
  <script src="/libs/jquery/jquery_appear/jquery.appear.js"></script>
  <script src="/libs/echarts/echarts.min.js"></script>
  <script>
    window.loginStatus = {{loginStatus}};
    var map = echarts.init(document.getElementById('mapdata'));
    var mapData = [
        {"proName":"黑龙江省","number":0.93}
        , {"proName":"吉林省","number":0.3}
        , {"proName":"辽宁省","number":6.2}
        , {"proName":"河北省","number":0.4}
        , {"proName":"河南省","number":2.1}
        , {"proName":"山东省","number":8}
        , {"proName":"江苏省","number":20.8}
        , {"proName":"安徽省","number":9.4}
        , {"proName":"浙江省","number":10.4}
        , {"proName":"福建省","number":3.2}
        , {"proName":"广东省","number":2.67}
        , {"proName":"甘肃省","number":0.3}
        , {"proName":"宁夏回族自治区","number":0.6}
        , {"proName":"陕西省","number":2.1}
        , {"proName":"山西省","number":2.1}
        , {"proName":"四川省","number":7.5}
        , {"proName":"重庆市","number":1.1}
        , {"proName":"湖北省","number":1.7}
        , {"proName":"湖南省","number":1.5}
        , {"proName":"江西省","number":8.9}
        , {"proName":"云南省","number":9.8}
    ];
    var mapOption = {
        tooltip: {
            trigger: 'item',
            formatter: function(data){
                console.log(data);
                if( !isNaN(data.value) ){
                    return data.name + '， IP占比' + data.value + '%';
                } else {
                    return data.name + ' 还未布置服务器节点，敬请期待。';
                }
            }

        },
        visualMap: {
            min: 0,
            max: 25,
            left: -2000,
            itemWidth:0,
            top: 'bottom',
            text: ['',''],
            calculable: false,
            inRange: {
                color: ['#d6e4e7','#5ecaec']
            }
        },
        series: [
            {
                name: '中国',
                type: 'map',
                mapType: 'china',
                roam: false,
                left: '10%',
                aspectScale: 0.7,
                itemStyle:{
                    normal:{
                        areaColor: '#e9e9e9',
                        borderColor: '#fff'
                    },
                    emphasis:{
                        areaColor: 'pink',
                        borderColor: '#fff'
                    }
                },
                data:[
                ]
            }
        ]
    };
    for(var i in mapData){
        mapOption.series[0].data.push({
            name: mapData[i].proName,
            value: mapData[i].number
        });
    }
    map.setOption(mapOption);
  </script>
  <script src="/js/landing.js"></script>
</body>
</html>
